/* 公共样式、初始样式 */

@import "variables";

html {
  font-size: $font-size-root;
}

body {
  background: $color-bg-light;
}

// 按钮透明度
button,
input[type="button"] {
  opacity: .9;
}
button:active,
input[type="button"]:active {
  opacity: 1;
}

// 表单元素点击外框、过渡处理、边框
input,
textarea,
select,
button {
  outline: none;
  transition-property: all;
  transition-duration: $transition-duration-default;
  transition-timing-function: ease-in-out;
  border: 1px solid $color-border;
}

// 表单元素点击后外发光、外阴影
input:focus,
textarea:focus,
select:focus {
  border-color: $color-theme !important;
  box-shadow: 0 0 5px 1px rgba($color-theme, .2) !important;
}

// placeholder样式处理
::-webkit-input-placeholder
{
  opacity: .8;
}
:-ms-input-placeholder
{
  opacity: .8;
}
::-moz-placeholder
{
  opacity: .8;
}
:-moz-placeholder 
{
  opacity: .8;
}